<template>
   <a href="mePay.html"><span class="logonImg"><img src="img/left.jpg"></span></a>
    <h2>11月</h2>
    <div class="Mid">
      <div class="weui-cell">
                  <div class="weui-cell__bd">
                      <p>充值</p>
                      <p>2016-11-15 14:25</p>
                  </div>
            <div class="weui-cell__ft">+100</div>
      </div>
       <div class="weui-cell">
                  <div class="weui-cell__bd">
                      <p>充值</p>
                      <p>2016-11-16 14:25</p>
                  </div>
            <div class="weui-cell__ft">+1880</div>
      </div>
    </div>
    <h2>10月</h2>
    <div class="Mid">
      <div class="weui-cell">
                  <div class="weui-cell__bd">
                      <p>充值</p>
                      <p>2016-10-15 14:25</p>
                  </div>
            <div class="weui-cell__ft">+100</div>
      </div>
       <div class="weui-cell">
                  <div class="weui-cell__bd">
                      <p>充值</p>
                      <p>2016-10-16 14:25</p>
                  </div>
            <div class="weui-cell__ft">+50</div>
      </div>
    </div>
</template>

<script>
export default {
  methods:{

  }
}
</script>
<style scoped>
  .logonImg{
      display: inline-block;
    position: fixed;
    top: 1.5%;
    width: 5%;
    left: 2%;
    z-index:1888;
  }
   .logonImg img{
    width:100%;
  }
  h2{
    color: #919191;
    margin-left:2%; 
  }
  .Mid{
   width: 100%;
  margin: auto;
  }
.weui-cell:before{
  left:0;
}
.weui-cell{
  background-color: white;
}
.weui-cell__ft{
  color: black;
}
.weui-cell__bd p{
  font-size: .16rem;
}
.weui-cell__bd p:nth-child(2){
  color: #666666;
}
</style>